<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="border-radius: 5px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">单例图表</h4>
      </div>
      <div class="modal-body">
	    <div class="form-inline">
	       		<div class="form-group">
			 			 <label class="">字段：</label>
				  		<select class="form-control" 
				  				style="border-radius: 3px;"
				  				ng-model="field_name" 
				  				ng-options="x as (x.display_name==''?x.name:x.display_name) for x in allField">
				  		</select>
				 </div>
	       		<div class="form-group" style="margin-left: 15px;">
			 			 <label class="">图表类型：</label>
				  		<select class="form-control" style="border-radius: 3px;" ng-model='chart_type'>
							<option value="bar">柱图</option>
				  			<option value="pie">饼图</option>
				  		</select>
				 </div>
	       		<div class="form-group" style="margin-left: 20px;">
	       			 <button type="button" class="btn btn-primary" ng-click="create_chart()">生成图表</button>
				 </div>
		</div>
		<div id="model_chart" style="width: 560px;height: 400px;"></div>
      </div>
     <!--  <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div> -->
    </div>
  </div>
</div>